<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<?php include "../pub/meta.html";?>
<title>tabs</title>
<?php include "../pub/head-cssjs.html";?>
<link rel="stylesheet" type="text/css" href="tabs.css">
</head>
<body>
<div class="page layout-lm">
<?php include "../pub/top-bar.html";?>
  <div class="wrap-container">
    <div id="container" class="clearfix">
      <div id="aside_first" class="aside">
        <div class="inner-aside">
          <?php include "../pub/asidenav-js-block.html";?>
        </div>
      </div>
      <div id="main">
        <div class="inner-main">
          <div id="tabs_page">
            <h2>一级tabs</h2>
            <h2 class="tabs-primary">
              <a class="active" href="###">选项一</a>
              <a href="###">选项二</a>
              <a href="###">选项三</a>
              <a href="###">选项四</a>
            </h2>
            <h2>二级tabs</h2>
            <h3>tabs-color</h3>
            <h3 class="tabs-nav tabs-color">
              <a href="###">选项一</a>
              <a class="active" href="###">选项二</a>
              <a href="###">选项三</a>
            </h3>
            <div class="tabs-content-wrap">
              <div class="tabs-content">我是选项一内容</div>
            </div>
            <h3>tabs-border</h3>
            <h3 class="tabs-nav tabs-border">
              <a class="active" href="###">选项一</a>
              <a href="###">选项二</a>
              <a href="###">选项三</a>
            </h3>
            <div class="tabs-content-wrap">
              <div class="tabs-content">我是选项一内容</div>
            </div>
          </div>
        </div>
      </div><!--main-->
    </div>
  </div><!--wrap-container-->
<?php include "../pub/footer.html";?>
</div>  
</body>
</html>
